<template>
	<view class="com-balance">
		<view class="b-box">
			<!-- <view class="title">我的资产</view> -->
			<view class="b-main">
				<view class="b-item" @click="$go('/pages-user/coupon/coupon')">
					<view class="bih">
						<view class="biht">优惠券</view>
					</view>
					<view class="bib">
						<view class="bin">{{sta_info.coupon || 0}}</view>
					</view>
				</view>
				
				<!-- <view class="b-item" @click="$go('/pages-user/integral/integral')">
					<view class="bih">
						<view class="biht">积分</view>
					</view>
					<view class="bib">
						<view class="bin">{{info.integral || 0}}</view>
					</view>
				</view> -->
				<view class="b-item" @click="$go('/pages-user/collect/index')">
					<view class="bih">
						<view class="biht">收藏</view>
					</view>
					<view class="bib">
						<view class="bin">{{ sta_info.collect || 0}}</view>
					</view>
				</view>
				<view class="b-item" @click="$go('/pages-user/history/index')">
					<view class="bih">
						<view class="biht">足迹</view>
					</view>
					<view class="bib">
						<view class="bin">{{ sta_info.look || 0}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>

const props = defineProps({
    sta_info: {
        type: [Object],
        default: {}
    }
})
</script>

<style lang="scss" scoped>
	.com-balance {
		width: 100%;
		height: auto;
		padding: 0 20rpx 20rpx;
		position: relative;
		z-index: 2;

		.b-box {
			width: 100%;
			padding: 30rpx;
			background: #fff;
			border-radius: 20rpx;

			.title {
				font-size: 30rpx;
				font-weight: 500;
				color: #000;

			}

			.b-main {
				// margin-top: 30rpx;
				display: flex;

				.b-item {
					flex: 1;

					.bih {
						width: 100%;
						display: flex;
						align-items: center;
						justify-content: center;

						.bih-icon {
							width: 40rpx;
							height: 40rpx;
							margin-right: 4rpx;
						}

						.biht {
							font-size: 28rpx;
							font-weight: 500;
							color: #000;
						}
					}

					.bib {
						width: 100%;
						display: flex;
						align-items: center;
						justify-content: center;
						margin-top: 10rpx;

						.bin {
							font-size: 32rpx;
							font-weight: 500;
							color: #f00;
							margin-right: 8rpx;
						}

						.bitxt {
							font-size: 22rpx;
							color: #999;
							position: relative;
							top: 4rpx;
						}
					}
				}
			}
		}
	}
</style>